
//全局边距控制
.p-content{
  padding: 0 20rpx;
  //padding: 0 30rpx;
}
.p-content-big{
  padding: 0 30rpx;
}
.m-content{
  margin: 0 30rpx;
}
//背景色
.bgc{
  background-color: $uni-bg-color;
}
.bgc_force{
  background-color: $uni-bg-color !important;
}
.color-main{
  color: $main-color;
}
.color-red{
  color: $reject-color;
}
.color-orange{
  color: $uni-color-warning;
}
.color-green{
  color: $uni-color-success;
}
.color-grey{
  color: $uni-text-color-grey;
}


.mt-30{
  margin-top: 30rpx;
}
.mt-20{
  margin-top: 20rpx;
}
.mt-10{
  margin-top: 10rpx;
}
.ml-10{
  margin-left: 10rpx;
}
.mb-10{
  margin-bottom: 10rpx;
}
.mb-20{
  margin-bottom: 20rpx;
}
.mb-30{
  margin-bottom: 30rpx;
}
.ml-20{
  margin-left: 20rpx;
}
.mr-10{
  margin-right: 10rpx;
}
.mr-20{
  margin-right: 20rpx;
}
.mlr-20{
  margin-left: 20rpx;
  margin-right: 20rpx;
}
.pt-20{
  padding-top:20rpx;
}
.pt-30{
  padding-top: 30rpx;
}
.pl-30{
  padding-left: 30rpx;
}
.pr-30{
  padding-right: 30rpx;
}
.pl-20{
  padding-left: 20rpx;
}
.pb-30{
  padding-bottom: 30rpx;
}
.p-30{
  padding: 30rpx;
}
.pr-20{
  padding-right: 20rpx;
}
.pb-20{
  padding-bottom: 20rpx;
}
.p-10{
  padding: 10rpx;
}
.p-20{
  padding: 20rpx;
}

.w_100{
  width: 100%;
}
.h_100{
  height: 100%;
}
.h_100v{
  height: 100vh !important;
}
.font_w{
  font-weight: bold;
}
.f_root{
  display: flow-root;
}
.small_title{
  font-size: 28rpx;
  color: $uni-text-color-black;
}
.small{
  font-size: 24rpx;
  color: #838287;
}
.bold{
  font-weight: bold;
}

//固定底部按钮样式
.bottom_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;

  .btn_item {
    width: 100%;
  }
}
.fixed-bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  //width: 100%;
  //padding-right: 130rpx;
  //overflow: scroll;
  //margin: 30rpx;
}

.btn_class {
  font-size: 28rpx;
  //background-image: linear-gradient(to right, $main-color, $main-color-2);
  background-color: $main-color;
  color: #fff;
  height: 90rpx;
  line-height: 90rpx;
  border-radius: 50rpx;
  font-weight: bold;
  text-align: center;
}
.btn_class_2{
  @extend .btn_class;
  background-color: $uni-text-color-grey;
}
.btn_width{
  width: 80%;
}

.border{
  border:1px solid red;
}
.border_none{
  border:none !important;
}
.border_radius_20{
  border-radius: 20rpx;
}
.overflow_hidden{
  overflow: hidden;
}

.font-26{
  font-size: 26rpx;
}
.font-28{
  font-size: 28rpx;
}
.font-30{
  font-size: 30rpx;
}
.font-32{
  font-size: 32rpx;
}
.text_r{
  text-align: right;
}
.border-box{
  box-sizing: border-box;
}
.border-radius{
  border-radius: 20rpx;
}

.enable_click{
  pointer-events: none;
}
.img_icon{
  width: 40rpx;
  height:40rpx;
}

.icon{
  width: 40rpx;
  height: 40rpx;
  margin-right: 10rpx;
}

.blu {
  width: 50rpx;
  text-align: center;
  color: #fff;
  font-size: 24rpx;
  margin-right: 10rpx;
  background: linear-gradient(265deg, #14B6F6 0%, #2486E7 100%);
}

.org {
  @extend .blu;
  background: linear-gradient(265deg, #F9E068 0%, #FF9D31 100%);
}

.gre {
  @extend .blu;
  background: linear-gradient(270deg, #7BDABA 0%, #13BD7D 100%);
}

.red {
  @extend .blu;
  background: linear-gradient(270deg, #FF6666 0%, #CC3333 100%);
}

.pur {
  @extend .blu;
  background: linear-gradient(270deg, #FF66FF 0%, #CC33CC 100%);
}


//标题样式
/deep/ .uni-section .uni-section-header__decoration {
  background-color: $main-color;
}
//tab的底部条颜色
/deep/ .u-tabs__wrapper__nav__line {
  background-color: $main-color !important;
}

/deep/ .u-icon__icon{
  //color: $main-color !important;
}
/**
 * 弹性盒子全局共用样式
 */
.fx{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
$myTable-fs:24rpx;//表格字体全局配置
$mylistxL-fs:28rpx;
$mylistxR-fs:26rpx;
$listxL-color:#000000;
// $listxL-color:#838287;
$listxR-color:#838287;




